.big-content {
	padding: 30px 50px 30px 50px;
	.header-link {
		margin-left: 15px;
		font-weight: bold;
		font-size: 22px;
	}
	.header-link {
		a, a:visited{
			font-style: italic;
			text-decoration: none;
		}
	}

	.content {
		padding: 20px;
		margin: 14px;
		height: auto;
		background-color: #D3D3D3;
		border-radius: 5px;

		.h1 {
			font-size: 20px;
			font-weight: bold;
			color:	#00BCD1;
		}

		.tit {
			font-size: 15px;
			font-weight: bold;
			padding:  10px 15px 3px 15px;
		}

		.cont {
			font-size: 15px;
			font-style: italic;
			padding:  3px 15px 10px 15px;
		}
		a, a:visited{
			float: right;
		}
		.text-content {
			width: 500px;
			padding: 0 30px;
		}
	}

	.error {
		color: red;
		font-size: 12px;
	}

	.form-content {
		display: inline-block;
		padding: 20px 40px 20px 40px;
		margin: 14px;
		height: auto;
		width: auto;
		background-color: #D3D3D3;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 15px;

		.field_with_errors {
			display: block;
			height: auto;
		}

		.small-error #error_explanation{
			width: auto;
		}

		.h1 {
			font-size: 20px;
			font-weight: bold;
			//color:	green;
		}

		#error_explanation {
			text-align: left;
			margin-top: 10px;
			border: solid 1px red;
			border-radius: 3px;
			text-align: left;
			padding-left: 10px;
			color: red;
			h2 {
				font-size: 14px;
				font-weight: thinner;
			}
		}

		label {
			margin-top: 10px;
			margin-right: 20px;
			float: left;
			//color: green;
		}

		#book_description {
			height: 75px;
			width: 208px;
			margin-right: 2px;
		}

  	input, #book_description {
		 	float: right;
		 	margin-top: 8px;
			//background-color : lightyellow;
			//border: 1px solid #008000;
			width: 230px;
		}

  	select, #book_description {
		 	float: right;
		 	margin-top: 8px;
			//background-color : lightyellow;
			//border: 1px solid #008000;
			width: 235px;
		}

		.submit_btn {
			float: right;
			margin-top: 10px;
			//border: 1px solid #008000;
			width: auto;
		}
	}

.header-faq {
	margin-left: 15px;
	font-weight: bold;
	font-size: 22px;
	font-style: italic;
	text-decoration: none;
	color: #00BCD1;
}

	.devise-content {
		display: inline-block;
		padding: 20px 40px 20px 40px;
		margin: 14px;
		min-height: 120px;
		background-color: #D3D3D3;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 15px;

		.field_with_errors {
			display: block;
			height: auto;
		}

		.small-error #error_explanation{
			width: 285px;
		}

		#error_explanation {
			text-align: left;
			margin-top: 10px;
			border: solid 1px red;
			border-radius: 3px;
			text-align: left;
			padding-left: 10px;
			color: red;
			h2 {
				font-size: 14px;
				font-weight: thinner;
			}
		}


		label {
			margin-top: 10px;
			margin-right: 20px;
			float: left;
		}

		.remember-label {
			margin-right: 0;
		}

		.remember-checkbox {
			float: left;
			margin-top: 11px;
		}

		input {
			margin-top: 8px;
			float: right;
		}

		.submit {
			height: 28px;
			margin-top: 10px;
		}
		.submit2 {
			width: 230px;
			height: 28px;
			margin: 10px 5px 0px 0px;
		}
		.links-block {
			display: inline-block;
			margin: 10px 8px 0px 0px;
			font-size: 13px;
			a, a:visited {
				font-style: italic;
				color: blue;
				text-decoration: none;
			}
		}
	}

	.small-content {
		width: 230px;
		height: 90px;
		background-color: #D3D3D3;
		border-radius: 5px;
		padding: 10px;
		margin: 14px;

		.text-content {
			margin-left: 10px;
			width: 160px;
		}
	}
}

.title {
	font-size: 30px;
	font-weight: bold;
	color: #00BCD1;
	margin-left: 20px;
}

.h1 {
	font-size: 15px;
	font-weight: bold;
}

.h2 {
	font-size: 12px;
	line-height: 15px;
}

.h3 {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: DarkCyan;
}


.divider {
	color: #00BCD1;
	margin-left: 15px;
	font-weight: bold;
	font-size: 20px;
}

.active {
	a, a:visited {
		color: #00BCD1;
	}
}

.inactive {
	a, a:visited {
		color: #D3D3D3;
	}
}

.link{
	a, a:visited{
		color: blue;
		font-style: italic;
		text-decoration: none;
	}
}

.title-link {
	a, a:visited{
		color: blue;
		text-decoration: none;
	}	
}

.error-link{
		color: red;
		font-style: italic;
}

.warning-link{
		color: orange;
		font-style: italic;
}

.pagination {
  cursor: default;
  /* self-clearing method: */ }
  .pagination a, .pagination span, .pagination em {
    padding: 0.2em 0.5em;
    display: block;
    float: left;
    margin-right: 1px; }
  .pagination .disabled {
  	font-size: 85%;
    font-weight: bold;
    color: #999999; }
  .pagination .current {
  	font-size: 85%;
    font-weight: bold;
    background: #2e6ab1;
    color: white; }
  .pagination a {
  	font-size: 85%;
    font-weight: bold;
    text-decoration: none;
    color: #105cb6; }
    .pagination a:hover, .pagination a:focus {
    	font-style: italic;
      background-color: #D0D0D0; }
  .pagination .page_info {
    background: #2e6ab1;
    color: white;
    padding: 0.4em 0.6em;
    width: 22em;
    margin-bottom: 0.3em;
    text-align: center; }
    .pagination .page_info b {
      color: #000033;
      background: #6aa6ed;
      padding: 0.1em 0.25em; }
  .pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .pagination {
    height: 1%; }
  *:first-child + html .pagination {
    overflow: hidden; 
  }
